<template>
	<div>
		<div>
			<el-descriptions title="用户信息">
				<el-descriptions-item label="用户名">{{info.userInfo.nickname}}</el-descriptions-item>
				<el-descriptions-item label="收件人">{{info.addressInfo.realname}}</el-descriptions-item>
				<el-descriptions-item label="手机号">{{info.addressInfo.mobile}}</el-descriptions-item>
				<el-descriptions-item label="省市区">
					{{info.addressInfo.province}}
					{{info.addressInfo.city}}
					{{info.addressInfo.area}}
				</el-descriptions-item>
				<el-descriptions-item label="详细地址">
					{{info.addressInfo.detail}}
				</el-descriptions-item>
			</el-descriptions>


			<div style="margin: 20px 0;">
				<el-table :data="info.goodInfo" border>
					<el-table-column label="图片" width="100">
						<template slot-scope="scop">
							<el-image style="width: 50px; height: 50px" :src="scop.row.cover" fit="fit">
							</el-image>
						</template>
					</el-table-column>
					<el-table-column prop="title" label="标题">
					</el-table-column>
					<el-table-column prop="name" label="名称">
					</el-table-column>
					<el-table-column prop="exp" label="运费">
					</el-table-column>
					<el-table-column prop="price" label="价格">
					</el-table-column>
					<el-table-column prop="num" label="数量">
					</el-table-column>
				</el-table>
			</div>

			<el-descriptions title="小结">
				<el-descriptions-item label="订单金额">{{Number(info.moneyTotal).toFixed(2) }}</el-descriptions-item>
				<el-descriptions-item label="商品总价">{{Number(info.goodsMoney).toFixed(2) }}</el-descriptions-item>
				<el-descriptions-item label="运费">{{ Number(info.expMoney).toFixed(2)}}</el-descriptions-item>
			</el-descriptions>

		</div>
	</div>
</template>

<script>
	export default {
		props: {
			info: {
				type: Object,
			}
		},
		data() {
			return {

			}
		}
	}
</script>

<style>
</style>
